<template>
  <div id="aboutus">
    <div class="maxhome">
      <div class="maxCenter">
        <div>
          <span>DuPont</span>
          <br />DuPont成立于2017年1月，总部位于新加坡，是一家全球性的数字货币、指数国际站服务商。向全球提供广泛的数字货币、指数交易、区块链教育、区块链研究院以及区块链公益慈善等服务，目前用户覆盖全球180多个国家和地区，DuPont拥有顶尖的安全系统和撮合引擎，支持安全快速的OTC国际站。目前日活跃用户已达到数万人。支持中、英、日、韩等多国语言，服务近百个国家和地区的已超100万全球用户。
          <br />DuPont由FIBTC LTD等多家海内外知名企业投资，在日本、新加坡、韩国、西班牙等多个国家及地区均设有运营中心，始终坚持将用户利益放在第一位，致力于提供安全、公平、开放、高效的资产交易环境。同时以区块链为核心，建立全方位的区块链生态系统，为用户提供最安全、最高效、最专业的资产投资服务。
         
        </div>
      </div>
    </div>

    <div class="about">
      <p>DuPont</p>
      <p>
        <img src="../assets/images/zhuangshi@2x.png" alt />
      </p>
    </div>

    <!-- 安全稳定 -->
    <div class="maxCent">
      <div class="stable">
        <div>
          <img src="../assets/images/picture1@2x.png" alt />
        </div>
        <div class="safe">
          <p>安全稳定</p>
          <P>SAFETY AND STABILITY</P>
          <p>多层、多集群系统架构</p>
        </div>
      </div>

      <!-- 高性能 -->
      <div class="stable">
        <div class="safe">
          <p>高性能</p>
          <p>HIGH PERFORMANCE</p>
          <p>高达140万单/秒的高性能撮合引擎技术</p>
        </div>
        <div>
          <img src="../assets/images/picture2@2x.png" alt />
        </div>
      </div>

      <!-- 高流动性 -->
      <div class="stable">
        <div>
          <img src="../assets/images/picture3@2x.png" alt />
        </div>
        <div class="safe">
          <p>高流动性</p>
          <P>High mobility</P>
          <p>丰富的资源和众多的合作伙伴为平台提供流动性</p>
        </div>
      </div>

      <!-- 多语言支持 -->
      <div class="stable">
        <div class="safe">
          <p>多语言支持</p>
          <p>Multilingual support</p>
          <p>提供世界范围内多种主流语言支持</p>
        </div>
        <div>
          <img src="../assets/images/picture4@2x.png" alt />
        </div>
      </div>

      <!-- 多币种支持 -->
      <div class="stable">
        <div>
          <img src="../assets/images/picture5@2x.png" alt />
        </div>
        <div class="safe">
          <p>多币种支持</p>
          <P>Multi currency support</P>
          <p>btc、eth等</p>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "aboutus",
  data() {
    return {};
  }
};
</script>
<style lang="less" scoped>
#aboutus {
  width: 100%;
  background: #18264d;
  .maxhome {
    display: flex;
    justify-content: space-between;
    background: url("../assets/images/banner@2x.png") no-repeat;
    background-size: 100%100%;
    max-width: 1200px;
    width: 1200px;
    margin: 0 auto;
    height: 600px;
  }
  .maxCenter {
    max-width: 1200px;
    width: 1200px;
    margin: 0 auto;

    div:nth-child(1) {
      width: 50%;
      color: #697e91;
      font-size: 14px;
      margin-top: 200px;
      line-height: 25px;
      span {
        color: #f7f8f8;
        font-size: 24px;
      }
    }
  }
  .about {
    p:nth-child(1) {
      color: #f7ffff;
      font-size: 18px;
      text-align: center;
    }
    p:nth-child(2) img {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 20px auto;
    }
  }
  .maxCent {
    max-width: 1200px;
    width: 1200px;
    margin: 0px auto;
    padding-top: 100px;

    padding-bottom: 100px;
    // 安全稳定
    .stable {
      display: flex;
      justify-content: flex-start;
      .safe {
        margin-top: 100px;
        margin-left: 100px;
        width: 50%;
        p:nth-child(1) {
          font-size: 24px;
          color: #18c3e7;
        }
        p:nth-child(2) {
          color: #25457a;
          font-size: 16px;
          font-family: bold;
        }
        p:nth-child(3) {
          font-size: 16px;
          color: #f7ffff;
          margin-top: 50px;
        }
      }
    }
  }
}
</style>